[V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import { Checkbox } from "@/components/ui/checkbox" import { Progress } from "@/components/ui/progress" import { Button } from "@/components/ui/button" import { PlusCircle, CheckCircle2 } from "lucide-react" import { Input } from "@/components/ui/input" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" export default function ChecklistApp() { const initialTasks = [ "Had no screen time for the first 2 hours of your day", "Clocked 5k before your first meal", "Completed your red light therapy and logged your morning affirmations", "Scheduled 7 posts for the week on LinkedIn", "Built that lead-gen and inbound agent", "Got on the guest list at that jazz themed, underground speak-easy, exclusive club for gen-z", "Made yourself feel genuine, unique and influential on IG", "Made time for your brother, sister, mother, replied to your daughter, nan and best friend", "Cleared Slack, Gmail, WhatsApp and listened to each of the six 3 minute long voice memos from last night", "Made sure you hit your protein, water intake and electrolyte goals exactly 30 minutes after your 52min early-morning gym session", "Kept up to date on all things on GenAI (don't want to get left behind)", 'Decided to hire that "10x, Harvard graduate, ex-Meta" engineer or wait for the next coding assistant?', "Remembered to read that McKinsey & Company report, oh and the Accenture one too", 'Watched that video "how to hack outbound sales"', "Got 20 min of direct sunlight before being in the backrooms", "Checked again for new likes, impressions and insights did you hit your milestone yet?", "Remembered that idea you slept on last night", "Checked in on your sleep biomarkers (yuss 2.5% reduction in sleep debt!)", "Taken your vit a, vit b, vit c and vit d. Remembered, 4 caps of ashwaganda and a mint tea", 'Spent the morning meditating, journalling and reading about "how to be a high-performing-founder"', "Made sure you're #lockedin and hitting your personal-work related goals above all else", "Sent those designs to the client so you can hit your KPI before lunch time?", "Grabbed a Factor_ ready-made-chef-crafted-dietitian-approved meal before you head out the door", "Tuned into Andrew Huberman and locked in that new protocol on how to live forever", "Re-preached your vision and unique world-perspective to your team", "Written that investor update without a panic attack", "Saved another article to the backlog on Substack", "Sent that deck to the VC who won't reply back", "Dropped the kids to school and made it to the office just in time", ] const [tasks, setTasks] = useState(initialTasks.map((task) => ({ text: task, completed: false }))) const [newTask, setNewTask] = useState("") const [showAddTask, setShowAddTask] = useState(false) const toggleTask = (index: number) => { const updatedTasks = [...tasks] updatedTasks[index].completed = !updatedTasks[index].completed setTasks(updatedTasks) } const addTask = () => { if (newTask.trim()) { setTasks([...tasks, { text: newTask, completed: false }]) setNewTask("") setShowAddTask(false) } } const completedCount = tasks.filter((task) => task.completed).length const progress = (completedCount / tasks.length) * 100 return (

Daily Hyper-Productivity Super CEO Checklist Because being merely productive is so last year.

{completedCount} of {tasks.length} tasks completed {Math.round(progress)}%

{tasks.map((task, index) => (

toggleTask(index)} className="mt-1" /> {task.text}

))}

{showAddTask ? (

setNewTask(e.target.value)} onKeyDown={(e) => e.key === "Enter" && addTask()} autoFocus />

) : ( )}

Remember, it's just a checklist, not a measure of your worth

{completedCount === tasks.length && tasks.length > 0 && (

All tasks completed!

)}

) }

About

Tags

Share

About

Tags

Share

More from nevermindthen

More Templates Like This

About

Tags

Share

About

Tags

Share

More from nevermindthen

More Templates Like This